import { cn } from "@follow/utils/utils"

export const EmptyIcon: Component = ({ className }) => (
  <svg
    xmlns="http://www.w3.org/2000/svg"
    viewBox="0 0 24 24"
    className={cn("fill-current", className)}
  >
    <path d="M20.904 4.064a.6.6 0 0 0-.587-.246q-.013-.004-.026-.007l-9.16-1.344a.6.6 0 0 0-.297.03l-7.337 2.69q-.004.001-.01.004-.01.006-.022.01a.63.63 0 0 0-.244.191l-.006.006L.117 9.636a.61.61 0 0 0 .339.948l2.688.694v6.646c0 .267.175.503.43.581l9.843 3.008q.006 0 .01.002a.6.6 0 0 0 .163.024l.005.001q.087 0 .172-.027.026-.01.052-.021c.024-.01.048-.016.071-.028l7.063-3.92a.61.61 0 0 0 .313-.531v-6.645l2.39-1.147a.608.608 0 0 0 .234-.897zm-9.797-.372 7.15 1.05-4.743 2.205-7.51-1.384ZM3.972 6.424l8.605 1.586-2.53 3.795-8.42-2.174Zm.388 11.05v-5.883l5.802 1.498a.608.608 0 0 0 .658-.251l2.167-3.25V20.11Zm15.69-.82L14.202 19.9v-9.6l1.068 2.268a.61.61 0 0 0 .812.29l3.967-1.904zm-3.94-5.159-1.705-3.622L20.2 5.18l2.283 3.257z" />
  </svg>
)
